@mixin flextest {
  display: flex;
  justify-content: center;
  align-items: center;
}
.home {
  width: 1280px;
  min-height: 500px;
  margin: 0 auto;
  margin-top: 20px;
  @media screen and (max-width: 500px) {
    width: 100%;
  }
  .box {
    min-height: 200px;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0px 10px 10px 10px #ccc;
    padding: 15px;
    .search {
      height: 60px;
      @media screen and (max-width: 500px) {
        @include flextest;
        flex-wrap: wrap;
        .el-input {
          margin-bottom: 15px;
        }
      }
    }

    @media screen and (max-width: 500px) {
      p {
        margin: 30px 0px;
        @include flextest;
      }
    }
  }
}
